@charset "utf-8";

/* CSS Document */

html{ }

html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}

body { font-size:14px;background:#FFF; color:#666; font-family:"微软雅黑";}

body{ max-width: 1920px; margin: 0 auto;}

ul,li { list-style: none; }

img { border:0; }

input:focus,textarea:focus{ outline:none; }
input::-webkit-input-placeholder {color: #fff;}
input:-moz-placeholder {color: #fff;}
input::-moz-placeholder {color: #fff;}
input:-ms-input-placeholder {color: #fff;}
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}

.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}

a {text-decoration: none;outline:none;color: #333;transition: 0.5s;}

a:hover {text-decoration: none;color: #666; transition: 0.5s;}



.clearfix { clear: both; zoom: 1; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }

.fl { float: left; }

.fr { float: right; }





@font-face{font-family:AvantGarde;src: url('../font/AvantGarde-Demi.eot'),url('../font/AvantGarde-Demi.otf');}

@font-face{font-family:Baskerville;src: url('../font/Baskerville-Regular_0.eot'),url('../font/Baskerville-Regular_0.otf'); }





/*header头部的CSS布局*/



.wrapper{ width: 1300px; margin: 0 auto; padding: 0;}





.h_top .wrapper,.header .wrapper{ width:90%;}

.h_top{ height:40px; line-height:40px; background:#0071b8;background-image: linear-gradient(to right, #0071b8 , #3c925e);}

.h_wid{ width:274px;}

.h_wid .h_lan{ width:140px; background:url(../images/h_line.jpg) no-repeat right center;}

.h_wid .h_lan a{ display:block; float:left; margin-right:15px; background-repeat:no-repeat; background-position:left center; padding-left:30px; color:#FFF;}



.h_wid .h_xitong{ width:90px; background:url(../images/h_arrow.png) no-repeat right center;}

.h_wid .h_xitong ul{ padding-left:20px;height:40px; line-height:40px;}

.h_wid .h_xitong ul li{position:relative;}

.h_wid .h_xitong ul li a{ display:block; color:#fff;}

.h_wid .h_xitong ul ul{ position:absolute;top:45px; visibility:hidden;opacity:0; transition:0.5s; left:-20px; width:70px; padding:4px 20px 20px; right:0; line-height:26px; border-bottom:1px solier rgba(0,0,0,0.2);z-index:999999; background:#0071b8;}

.h_wid .h_xitong ul ul li{ border-bottom:1px solid rgba(255,255,255,0.1);}

.h_wid .h_xitong ul:hover ul{ transition:0.5s; opacity:1; visibility:visible;top:40px;}

.h_wid .h_xitong ul ul li a:hover{opacity:0.6;}



.h_wid .wx{ width:24px; height:24px; margin:8px 0 0; cursor:pointer; position:relative;}

.h_wid .wx .wx_pic{ width:80px; height:80px; position:absolute; left:-24px; top:40px; z-index:99999; visibility:hidden;opacity:0; transition:0.5s;}

.h_wid .wx .wx_pic img{ max-width:100%;}

.h_wid .wx img{vertical-align: baseline;}

.h_wid .wx:hover .wx_pic{opacity:1; top:32px; visibility:visible;transition:0.5s;}





.header{ height:auto; }

.com_header{ background:rgba(0,0,0,0.80); height:80px; border-bottom:none!important;}



.fix_top{position:fixed;top:40px;right:0;left:0;z-index:99999; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.8);}

.fix_top.shuai {height: auto; background:rgba(0,0,0,0.60);border-bottom:none; top:0;}

.fix_top.shuai .header{padding:10px 0;}

.shadow { position: absolute; bottom: -32px; height: 32px; left: 0; width: 100%; background: url(../images/shadow02.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }

.fix_top.shuai.shuai .shadow{ opacity: 1; filter: alpha(opacity=100); }









.logo{ width: 305px; height:auto; padding: 12px 0 0;}

.logo img{ max-width: 100%;}

.app_logo{ width:180px;height:auto; display:none;} 

.app_logo img{ max-width: 100%;}



.nav1{ width:55%; margin:4px 0 0 50px;}

.nav1 ul{ margin:0; padding:0; text-align:center;}

.nav1 ul .n_service{ width:14.1%; float:left; line-height:74px; position:relative; transition: all 0.3s ease-out 0.2s; z-index:99999;}

.nav1 ul .n_service ul{ text-align: center;}

.nav1 ul .n_service a{ color:#fff; font-size:18px; display: block}

.nav1 ul .n_service a font{ display:block;}



.nav1 ul .n_service .n_com,.nav1 ul .n_service .n_com_s {background:rgba(255,255,255,0.95); position:absolute; z-index:99999; opacity:0; visibility:hidden; width:440px; top:86px; left:0; padding:20px 25px; border-bottom:3px solid #58ac36; box-shadow: 0 10px 25px rgba(0,0,0,0.1);}

.nav1 ul .n_service .n_com_s{ width: 340px!important;}

.nav1 ul .n_service .n_com .n_c_pic{ width:220px; height:120px; float: right; overflow:hidden;}

.nav1 ul .n_service .n_com .n_c_pic img{ max-width:100%;}

.nav1 ul .n_service .n_com .wid,.nav1 ul .n_service .n_com .wid_s{ height: auto; overflow: hidden; float: left; margin-right: 15px;}

.nav1 ul .n_service .n_com .wid{ width: 200px;}

.nav1 ul .n_service .n_com .wid_s{ width: 100px;}

.nav1 ul .n_service .n_com .wid ul,.nav1 ul .n_service .n_com .wid_s{ margin:0; height:auto; overflow:hidden; margin-bottom:15px;text-align: left;}

.nav1 ul .n_service .n_com .wid ul li{ display:block; width:50%; float:left; padding: 5px 0;}

.nav1 ul .n_service .n_com .wid ul li a,.nav1 ul .n_service .n_com .wid_s ul li a{ line-height:30px; color:#666; opacity:1; font-size:16px; display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.nav1 ul .n_service:hover .n_com{ opacity:1; visibility:visible; transition:all 0.3s ease-out 0s; top:76px;}



.nav1 ul .n_service .n_com .wid ul li:hover a,.nav1 ul .n_service .n_com .wid_s ul li:hover a{color:#0071b8;}

.nav1 ul .n_service .n_com .wid_s ul{margin:0; padding:0 30px 0 0; width: 100px; height:auto; overflow:hidden; margin-bottom:15px; float: left; text-align: left;}

.nav1 ul .n_service .n_com .wid_s ul li{ width: 100%; padding: 4px 0;}





.search{ width:260px; height: 40px; border:1px solid rgba(255,255,255,0.8); border-radius: 4px; margin-top: 20px; }

.search .s_b_lt{ width: 210px;}

.search .s_b_lt input{ width: 180px; line-height: 40px; height: 40px;padding: 0 15px; color:#FFF;}

.search .s_b_rt{ width: 23px; height: 23px; margin: 8px 15px 0 0;}





@media (max-width:1550px){

	.h_top .wrapper,.header .wrapper{ width:95%;}

	.h_wid .fr{ float: none;}

	.h_wid .wx{ float: left; margin-left: 10px;}

}

@media (max-width:1450px){

	.nav1{ width:50%;}

}

@media (max-width:1350px){

	.wrapper{ width:96%; padding:0 2%;}

	.fix_top{ padding-bottom:0; border-bottom:none; position: static;}

	.header{ background:#FFF; height:auto; overflow:hidden;padding: 10px 0 6px;}

    .app_logo{ display:block;}

	.nav1,.search,.logo{ display:none;}

	.header .morenav{ float:right; display:block; background:#58ac36 url(../images/app_nav.png) no-repeat center;width:32px; height:32px; border-radius: 2px;}

	.header .navon{height:52px;}

	.mm-pagedim-black #mm-blocker { opacity: 0; }

	.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }

	.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}

}

@media (max-width:360px){

		.h_wid{ width:100%;}

}



/*PC-Banner*/

#banner{width: 100%;height:auto; overflow:hidden; position: relative; }

#banner .pc_banner{ height: auto; overflow: hidden;}

#banner .slick-prev,#banner .slick-next{position: absolute;display: block;height: 60px!important;width: 30px!important;line-height: 0;font-size: 0;cursor: pointer;background-repeat:no-repeat;color: transparent;top: 50%;margin-top: -20px; padding: 0;border: none;outline: none;z-index: 999999999999999;background-position:center center;}

#banner .slick-prev{background-image:url(../images/slider_arrow_lt.png);background-position:0 0;left:4%;}

#banner .slick-next{background-image:url(../images/slider_arrow_rt.png);background-position:0 0;right:4%;}

#banner .slick-prev:before,#banner .slick-next:before{display:none;}



#banner .slick-dots {
	position: absolute;
	bottom: 50px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	z-index: 99999;
	width: 100%;
}

#banner .slick-dots li {
	position: relative;
	display: inline-block;
	height: 11px;
	width: 11px;
	margin: 0 8px;
	background: #fff;
	padding: 0;
	border-radius: 100%;
	cursor: pointer;
}

#banner .slick-dots li button {
	border: 0;
	background: 0 0;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer;
	outline: none
}
#banner .slick-dots li button:focus {outline: none}
#banner .slick-dots li.slick-active{ background:#de3633;}
#banner .slick-dots li button:before {}
#banner .slick-dots li.slick-active button:before {}






/*APP-Banner*/

.app_banner_box {position: relative;margin: 0 auto;width: 100%;overflow: hidden;display: none;}

.app_banner_box .hd {position: absolute;bottom: 15px;width: 100%;height: 10px;}

.app_banner_box .hd ul {width: 100%;text-align: center;}

.app_banner_box .hd ul li {width: 8px;height: 8px; border-radius:100%;margin:0 5px; background: #FFF;display: inline-block; text-indent: 9999px; cursor: pointer;}

.app_banner_box .hd ul li.on {background:#58ac36;opacity: 1;}

.app_banner_box .bd {position: relative;z-index: 0;}

.app_banner_box .bd li {position: relative;text-align: center;}

.app_banner_box .bd li img {vertical-align: top;width: 100%;}

.app_banner_box .bd li a {-webkit-tap-highlight-color: rgba(0,0,0,0);}





.i_service{height: auto; width:1300px; margin:0 auto; position:absolute; left:0; right:0;bottom: 0;}

.i_service ul{ margin: 0; padding: 0;}

.i_service ul li{ width:256px; padding:30px; float:left; margin-left:10px; position:relative; background:rgba(88,172,54,0.8);}

.i_service ul li:first-child{ margin-left:0;}

.i_service ul li a{ display:block; color:#FFF;}

.i_service ul li a .s_b{ height:auto;}

.i_service ul li a .s_bhover{ width:256px; padding:40px 30px;background:rgba(88,172,54,1); height:auto; opacity:0; visibility:hidden; position:absolute; left:0; bottom:-100%; transition:0.5s;}

.i_service ul li a .s_desch{ width:100%; line-height:28px;}

.i_service ul li a .s_desch b{ display:block; font-size:24px; line-height:36px; padding-bottom:10px;}

.i_service ul li a .s_img{ width:65px;}

.i_service ul li a .s_img img{ max-width:100%;}

.i_service ul li a .s_desc{ width:170px; line-height:24px; overflow:hidden;transition:0.5s;}

.i_service ul li a .s_desc b{ display:block; font-size:20px; line-height:36px;}

.i_service ul li:hover .s_desc{ opacity:0; visibility:hidden; transition:0.5s;}

.i_service ul li:hover a .s_bhover{ opacity:1; visibility:visible; bottom:0; transition:0.5s;}



@media (max-width:1350px){

	#banner{ height:auto; overflow:hidden; position:static;}

	#banner .pc_banner{ display: none;}

	.app_banner_box{ display: block;}

	.i_service{ position:static;height:auto; overflow:hidden; margin-top:20px; width:96%; padding:0 2%;}

	.i_service ul li{ width:22%; padding:45px 1%;margin:0 0.5%;}

    .i_service ul li a .s_desc{ width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

	.i_service ul li a .s_bhover{ width:90%; padding:20px 5% 10px;}

	.i_service ul li a .s_desch{ width:100%; line-height:20px;}

	.i_service ul li a .s_desch b{ font-size:16px; line-height:26px; padding-bottom:5px;}

	.i_service ul li:first-child{ margin-left:0.5%;}

}

@media (max-width:1150px){

	.i_service ul li a .s_img{ float:none!important;}

	.i_service ul li a .s_desc{ width:100%;}

	.i_service ul li a .s_desc b{ font-size:16px; line-height:26px; padding-bottom:0;}

}

@media (max-width:650px){

	.i_service ul li{ width:45%; padding:15px 2%; margin:0 0.5% 10px;}

	

}



.t{ height: auto; overflow: hidden; padding: 0 0 20px;}

.i_title{ height: auto; overflow:hidden;}
.i_title font{ color: #373b43; font-size: 30px; letter-spacing: 2px; font-weight: bold;}
.i_title span{font-size: 22px;padding-left: 5px;font-family:AvantGarde; background: linear-gradient(to right, #0071b8, #3c925e);-webkit-background-clip: text; color: transparent;}


.i_more{ font-family:Baskerville; position: relative;}

.i_more a{ color:#666666; font-size:16px; display: block;}

.i_more i{ display: block; position: absolute; bottom:-2px; left: 0; width: 74px; height: 2px; background: #58585c; transition: 0.5s;}

.i_more_h{ margin-top: 20px;}

.i_more:hover a{ color: #0071b8;}

.i_more:hover i{ background: #0071b8; width: 20px; transition: 0.5s;}



@media (max-width:1350px){

	.i_title{ text-align:center;}

	.i_title font{font-size: 24px}

	.i_title span{font-size: 18px; padding-left: 2px;}

	.i_more_h{ margin-top: 10px;}

	.i_more i{ margin:0 auto; right:0;}

}





@media (max-width:720px){

	.i_more_h{ margin-top: 5px;}

}



.i_about{ height: auto; overflow: hidden; padding: 60px 0;}

.i_a_desclt{ width: 610px;}

.i_a_desclt .a_desc{ line-height: 24px; padding: 20px 0;}

.i_about a{color:#888888; display: block;}



.i_a_desclt .i_num{ height: auto; overflow: hidden; padding: 5px 0 20px;}

.i_a_desclt .i_num ul{ margin: 0; padding: 0;}

.i_a_desclt .i_num ul li{ float: left; padding-left: 35px; background: url(../images/num_line.jpg) no-repeat left 40px;}

.i_a_desclt .i_num ul li a{ display: block; font-size: 16px; color:#888888;font-family:AvantGarde;}

.i_a_desclt .i_num ul li a .num_b{ height: auto; overflow: hidden;}

.i_a_desclt .i_num ul li a font{ display: block; font-size: 76px; line-height: 90px; font-family:AvantGarde; color: #58ac36;}

.i_a_desclt .i_num ul li a i{ display: block; font-size: 24px; font-style: normal; color: #a8a8a8; font-family:AvantGarde; padding-left: 10px;}

.i_a_desclt .i_num ul li a span{ display: block; text-align: left;padding-left: 15px;}



.i_a_desclt .i_num ul li:first-child{ padding-left: 0;background:none;}

.i_a_desclt .i_num ul li:nth-of-type(1){ width: 205px;}

.i_a_desclt .i_num ul li:nth-of-type(2){ width: 170px;}

.i_a_desclt .i_num ul li:nth-of-type(3){ width: 110px;}



.i_a_descrt{ width: 634px; height: 370px; overflow: hidden;}

.i_a_descrt img{ max-width:100%;}





@media (max-width:1350px){

	.i_about{ height: auto; overflow: hidden; padding: 40px 0;}

	.i_a_desclt{ width: 100%; float:none!important; margin-bottom:20px;}
	.i_more{ text-align:center;}

	.i_a_descrt{ width: 100%; float:none!important; height: auto; text-align:center;}

	.i_a_desclt .a_desc{ line-height: 24px; padding: 10px 0;}

	.i_a_desclt .i_num{ padding: 5px 0 10px;}

	.i_a_desclt .i_num ul li{ float: left; padding-left: 0; background:none;}

	.i_a_desclt .i_num ul li:nth-of-type(1){ width:40%;}

	.i_a_desclt .i_num ul li:nth-of-type(2){ width:35%;}

	.i_a_desclt .i_num ul li:nth-of-type(3){ width:25%;}

	.i_a_desclt .i_num ul li a font{ display: block; font-size: 48px; line-height: 48px;}

}





@media (max-width:550px){

	.i_about{ padding: 30px 0;}

}



.i_honor{ height: auto;padding: 40px 0 50px; background:#f3f3f3;}

#honor{width: 100%;height: 100%; margin-top:5px;}

#honor .swiper-wrapper{width: 100%;height: 100%;}

#honor .swiper-slide {      
     display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; height: auto; background: #FFF;}

#honor .swiper-slide img{ transition: 0.5s; overflow: hidden; max-width: 90%;padding:5%; cursor: pointer;}


#honor .swiper-slide .h_desc{padding: 5px 20px 25px; text-align:center;}
#honor .swiper-slide .h_desc span{display: block;font-size: 18px;line-height: 28px;color: #818181;}

#honor .swiper-button-next, #honor .swiper-button-prev{ width: 37px; height: 37px;}

#honor .swiper-button-next{ background: url(../images/arrow_rtimg.jpg) no-repeat left center!important; right:0;}

#honor .swiper-button-prev{ background: url(../images/arrow_ltimg.jpg) no-repeat left center!important; left: 0;}

#honor .swiper-button-prev:after,#honor .swiper-button-next:after{ content:none!important;}



@media (max-width:1350px){

	.i_honor{ height: auto;padding: 40px 0;}

	.i_honor .t .fl,.i_honor .t .fr{ float:none; text-align:center;}

	.i_honor .t .i_more_h{ margin-top:5px;}

}



@media (max-width:550px){

	.i_honor{ padding: 30px 0;}
	#honor .swiper-slide .h_desc{padding: 5px 10px 25px; text-align:center;}

}



.i_news{ height: auto; overflow: hidden; padding: 80px 0 20px;}

.i_news .tlink{ font-size:18px; margin-top:10px;}

.i_news .tlink a{color:#787878; padding:0 8px;}

.i_news .tlink a:hover { color: #0071b8;}

.i_news_pic{height: auto; overflow: hidden; padding-bottom:25px; margin-top:5px;background: url(../images/n_bg.jpg) repeat-y center top;}



.i_news_pic .n_lt{ width:640px;}

.i_news_pic .n_lt .n_imglt{ height:325px; overflow:hidden;}

.i_news_pic .n_lt .n_imglt img{ max-width:100%; transition:0.5s;}

.i_news_pic .n_lt:hover .n_imglt img{ transform:scale(1.2); transition:0.5s;}

.i_news_pic .n_lt a{ color:#fff;}

.i_news_pic .n_lt .n_desclt{padding: 20px 50px 20px 0;}

.i_news_pic .n_lt .n_desclt font{ display:block; font-size:24px; line-height:36px; font-style:italic;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.i_news_pic .n_lt .n_desclt i{display:block; width:30px; height:2px; background:#FFF; margin:8px 0 5px; transition:0.5s;}

.i_news_pic .n_lt:hover .n_desclt i{ width:150px; transition:0.5s;}

.i_news_pic .n_lt .n_desclt p{line-height: 22px;padding: 10px 0 10px;}

.i_news_pic .n_lt .n_desclt span{ display:block; line-height:18px;font-style:italic;}



.i_news_pic .n_rt{ width:605px; padding:40px 0 0;}

.i_news_pic .n_rt_li{ height:auto; overflow:hidden; margin-bottom:25px;}

.i_news_pic .n_rt_li a{ color:#373b43;}

.i_news_pic .n_rt_li i{ width:5px; height:20px; background:#0071b8;background-image: linear-gradient(to bottom, #0071b8 , #3c925e); display:block; margin:20px 15px 0 0; transition:0.5s;}

.i_news_pic .n_rt_li .n_descrt{ width:370px; padding:15px 0 0;}

.i_news_pic .n_rt_li .n_descrt font{display:block; font-size:18px; line-height:28px; overflow:hidden; font-style:italic;white-space:nowrap; text-overflow:ellipsis;}

.i_news_pic .n_rt_li .n_descrt p{line-height:24px; color:#888888; padding:5px 0;}

.i_news_pic .n_rt_li .n_descrt span{display:block; font-size:12px;font-style:italic; color:#b9b9b9;}

.i_news_pic .n_rt_li .n_imgrt{ height:120px; width:190px; overflow:hidden;}

.i_news_pic .n_rt_li .n_imgrt img{ max-width:100%; transition:0.5s;}

.i_news_pic .n_rt_li:hover .n_imgrt img{ transform:scale(1.2); transition:0.5s;}

.i_news_pic .n_rt_li:hover i{ width:5px; height:98px; transition:0.5s;}





@media (max-width:1350px){

	.i_news{ height: auto;padding: 40px 0;}

	.i_news .t .fl,.i_news .t .fr{ float:none; text-align:center;}

	.i_news .t .tlink{ margin-top:5px;}

	.i_news_pic .n_lt{ display:none;}

	.i_news_pic .n_rt{ width:100%; float:none!important;}

	.i_news_pic{ background:none; background-color:#f3f3f3;}

	.i_news_pic .n_rt_li{ margin-bottom:5px;}

	.i_news_pic .n_rt_li i{ margin:14px 15px 0 0;}

	.i_news_pic .n_rt_li:hover i{ height:50px;}

	.i_news_pic .n_rt_li .n_imgrt{ width:25%; height:auto; text-align:right;}

	.i_news_pic .n_rt_li .n_descrt{ width:70%; padding:10px 0 10px; border-bottom:1px solid rgba(0,0,0,0.2);}

}

@media (max-width:800px){

		.i_news_pic .n_rt_li{ margin-bottom:15px;}

}

@media (max-width:700px){

	.i_news_pic .n_rt_li .n_imgrt{ width:30%;}

	.i_news_pic .n_rt_li .n_descrt{ width:65%;}

	

}

@media (max-width:650px){

	.i_news_pic .n_rt{ padding:20px 0;}

	.i_news_pic .n_rt_li .n_descrt font{font-size:16px;overflow:hidden; font-style:italic;white-space:nowrap; text-overflow:ellipsis;}

	.i_news_pic .n_rt_li .n_descrt p{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:5px 0;}



}

@media (max-width:550px){

	.i_honor{ padding: 30px 0;}

}

@media (max-width:540px){

	.i_news_pic .n_rt_li .n_imgrt{ width:40%;}

	.i_news_pic .n_rt_li .n_descrt{ width:50%;}

}

@media (max-width:420px){

	.i_news_pic .n_rt_li i{ display: none;}

	.i_news_pic .n_rt_li .n_descrt{ width:55%; padding: 0 0 10px;}

	.i_news_pic .n_rt_li .n_descrt p{ padding: 2px 0;}

}



.i_engineering{ height: auto; overflow: hidden; padding: 40px 0 60px;}



#engineering{width: 100%;height: 100%; margin-top:5px;}

#engineering .swiper-wrapper{width: 100%;height: 100%;}

#engineering .swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8); background: #f4f4f4;}

#engineering .swiper-slide img{ max-width: 100%; transition: 0.5s;}

#engineering .swiper-slide a{ color: #373b43;}

#engineering .swiper-slide .e_desc{ padding: 15px 20px 30px;}

#engineering .swiper-slide .e_desc font{ display: block; font-size: 28px;}

#engineering .swiper-slide .e_desc span{ display: block; font-size: 22px; color: #818181; padding-top: 5px;}

#engineering .swiper-button-next, #engineering .swiper-button-prev{ width: 37px; height: 37px;}

#engineering .swiper-button-next{ background: url(../images/arrow_rtimg.jpg) no-repeat left center!important; right:0;}

#engineering .swiper-button-prev{ background: url(../images/arrow_ltimg.jpg) no-repeat left center!important; left: 0;}

#engineering .swiper-button-prev:after,#engineering .swiper-button-next:after{ content:none!important;}

#engineering .swiper-slide:hover {background: #0071b8;}

#engineering .swiper-slide:hover a,#engineering .swiper-slide:hover .e_desc span{ color: #FFF;}

#engineering .swiper-slide-active,#engineering .swiper-slide-duplicate-active{transform: scale(1);background: #0071b8;}

#engineering .swiper-slide-active a,#engineering .swiper-slide-active .e_desc span{ color: #FFF;}







@media (max-width:1350px){

	.i_engineering .t .fl,.i_engineering .t .fr{ float: none; text-align: center;}

}

@media (max-width:550px){

	.i_engineering{padding: 30px 0;}

}

@media (max-width:600px){

	#engineering .swiper-slide .e_desc font{ display: block; font-size: 18px;}

}





.i_subsidiary{ height: auto; overflow: hidden; padding: 40px 0; background: #f4f4f4;}

.i_subsidiary ul{ margin: 0; padding: 0; text-align: center;}

.i_subsidiary ul li{ width: 16.1%; display: inline-block; background: #FFF; transition: 0.5s;}

.i_subsidiary ul li a{ display: block; padding: 30px 30px; color: #818181; font-size: 16px; line-height: 26px;}

.i_subsidiary ul li:hover,.i_subsidiary ul li:hover a{background: rgba(88, 172, 54, 0.46); color: #FFF; box-shadow: 0 15px 20px rgba(0,0,0,0.1); transition: 0.5s;}





@media (max-width:1350px){

	.i_subsidiary .t .fl,.i_subsidiary .t .fr{ float: none; text-align: center;}

}



@media (max-width:1200px){

	.i_subsidiary ul li a{padding: 30px 10px;}

}

@media (max-width:1000px){

	.i_subsidiary{padding: 30px 0; }

	.i_subsidiary ul li{ width: 32%; margin-bottom: 5px;}

}

@media (max-width:1000px){



	.i_subsidiary ul li{ width: 49%; }

	.i_subsidiary ul li a{font-size: 14px; line-height: 20px; padding: 15px 5px;}

}

	

	
.footer{ height: auto; overflow: hidden; background:#0071b8;background-image: linear-gradient(to right, #0071b8 , #3c925e); padding: 50px 0 30px; color: #fff;}

.f_nav_w{ width: 200px;}

.f_nav{ width: 140px;}

.f_nav,.f_nav_w{ padding-right: 30px;min-height: 130px; border-right: 1px solid rgba(255,255,255,0.2); margin-left: 40px;}

.f_nav ul,.f_nav_w ul{ margin: 0; padding: 0;}

.f_nav ul li,.f_nav_w ul li{ }

.f_nav_w ul li{ float: left; width: 100px;}

.f_nav ul li a,.f_nav_w ul li a{ color:rgba(255,255,255,0.8); font-size: 14px; line-height: 24px; transition: 0.5s;}

.f_nav font,.f_nav_w font{ display: block; font-size: 20px; padding-bottom: 25px; font-weight: 600;}

.f_nav_w_lt{ margin-left: 0;}



.f_nav ul li:hover a,.f_nav_w ul li:hover a{ color:rgba(255,255,255,1);transition: 0.5s;}



.f_pic{ width: 101px; height:auto; overflow: hidden;}

.f_pic font{ display: block; padding: 10px 0; text-align: center;color:rgba(255,255,255,1);}



.f_bottom{ border-top: 1px solid rgba(255,255,255,0.4); padding: 30px 0 0; margin-top: 30px;}





@media (max-width:1350px){

	.footer{padding: 30px 0 30px;}

	.f_nav_w,.f_nav,.f_pic{ display: none;}

	.f_bottom{ padding:0; margin-top: 0;border-top:none; margin-bottom: 40px; text-align: center;}

	

}

.fixed{width:40px;height:auto;position:fixed;right:20px;bottom:60px;z-index:999; display: block;}

.fixed a{display:block; color:#888; margin-bottom:1px;}



.fixed .silder{width:50px;height:50px; background-repeat: no-repeat; background-position: center; position:relative;}

.fixed .silder .silder_box{width:auto;position:absolute;right:80px;top:0;opacity:0;transition:.6s;visibility: hidden; background:#e70a0f; padding: 0 10px; height: 50px; line-height: 50px; color:#fff; border-radius: 4px;}

.fixed .silder:hover .silder_box{right:52px;opacity:1;z-index:999;visibility:visible;}

.fixed .scroll{ width:50px; height:50px; cursor:pointer; transition: 0.5s;position:fixed;}

.fixed .scroll:hover{ opacity: 0.2;}







.app_botm{ overflow:hidden; background:rgba(243,243,243,.95); position:fixed; bottom:5px; left:0; right:0; height:44px; z-index:999999; display: none; box-shadow:0 5px 10px rgba(0,0,0,.1); border-radius: 80px; width: 90%; margin: 0 auto;}

.app_botm ul{ margin:0; padding:0; text-align:center;}

.app_botm ul li{ width:32%; display:inline-block; border-left: 1px solid rgba(255,255,255,1)}

.app_botm ul li a{ display: block;}

.app_botm ul li a img{ width: 36px; height: 36px; padding: 4px 0;}

.app_botm ul li:first-child{border-left:none;}



@media (max-width:1350px){

	.fixed{ display: none;}

	.app_botm{ display: block;}	

	

}





.com_ban{ width: 100%; height: 300px; overflow: hidden; background-repeat: no-repeat; background-position: center top;color: #FFF;}

.com_ban font{ display: block; padding-top: 180px; text-align: center; font-size: 38px; }





/*内容*/

.content{ height: auto; overflow: hidden; margin: 40px 0;}



.side_lt{ width:250px; height: auto; overflow: hidden;}

.side_lt .s_ltt{ height: 110px; background:#0071b8;background-image: linear-gradient(to right, #0071b8 , #3c925e)}

.side_lt .s_ltt b{ display: block; color: #FFF; font-size: 24px; padding: 65px 0 0 20px;}

.side_lt ul{margin: 0 0 15px;padding: 0;background: rgba(0,0,0,0.04);/* border: 1px solid #d2d2d2; */}

.side_lt ul li{border-bottom: 1px solid #d2d2d2;line-height: 40px;padding: 12px 0;transition: 0.5s;}

.side_lt ul li a{ display: block; font-size: 16px; color: #333; padding: 0 20px; font-weight:500;}

.side_lt ul li:last-child{ border-bottom: none;}

.side_lt ul li ul{ padding:2px 0 5px;border:none; margin:0;}

.side_lt ul li ul li{ border-bottom:none; line-height:34px; padding:0;}

.side_lt ul li ul li a{ color:#888; font-size:14px; padding:0 20px 0 36px;font-weight:400;}

.side_lt ul li ul li a:hover{color:#222;transition: 0.5s;}



.com_sc,.com_job{ overflow:hidden; height:auto; margin:8px 0 0;}

.com_sc a,.com_job a{display: block; font-size: 18px; padding:6px 0 6px 20px; height: 50px; line-height: 50px; font-weight: 600; color: #FFF;transition: 0.5s; }

.com_sc a{background:#0071b7 url(../images/sc.png) no-repeat 170px 9px;}

.com_sc:hover a{background:#248482  url(../images/sc.png) no-repeat 150px 9px;}

.com_job a{background:#0071b7 url(../images/zp.png) no-repeat 178px 15px;}

.com_job:hover a{background:#248482 url(../images/zp.png) no-repeat 150px 15px; }









.mainc_rt{width:1000px;}



.title { height: auto; overflow: hidden; border-bottom: 1px solid #d2d2d2; padding-bottom: 4px;}

.title b{ display: block; float: left; line-height: 44px; padding: 0 20px 0 0;font-size: 24px; color: #031f45; }

.title .now { float: right; line-height: 44px;padding-left: 20px; color: #999; }

.title .now .split { color: #ddd; }

.title .now a { color: #999; }





/*自定义单页内容*/

.dy_box{ height:auto; overflow:hidden;}





/*page*/

.pages{margin:40px auto 30px;text-align:center; height: auto; overflow: hidden;}

.pagination{text-align:center;display: inline;}

.pagination li{display: inline;padding:8px 10px;background-color:#f1f1f1;margin:0 2px;}

.pagination li a{text-align:center;line-height:30px;font-size:16px; color:#999}

.pagination li.active{background:#58ac36;color:#fff;}

.pagination li.active a{color:#fff;}

.pagination li.disabled{width:74px;}

.pagination li.disabled a{width:60px;}





.com_box{ height: auto; overflow: hidden; padding: 20px 0;}

.com_box img{ max-width: 100%; padding: 10px 0;}

.com_box P{ padding: 10px 0; line-height: 30px;}





.com_news{ height:auto; overflow:hidden;  margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #d2d2d2; }

.com_news a{ color:#373b43;}

.com_news i{ width:5px; height:20px; background:#58ac36; display:block; margin:24px 15px 0 0; transition:0.5s;}

.com_news .n_descrt{ width:750px; padding: 15px 0 0;}

.com_news .n_descrt font{display:block; font-size:18px; line-height:36px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}

.com_news .n_descrt p{line-height:24px; color:#888888; padding:5px 0 10px;}

.com_news .n_descrt span{display:block; font-size:12px;font-style:italic; color:#b9b9b9;}

.com_news .n_imgrt{ width:200px; height:auto; overflow:hidden; vertical-align: top;}

.com_news .n_imgrt img{ max-width:100%; transition:0.5s;}

.com_news:hover .n_imgrt img{ transform:scale(1.2); transition:0.5s;}

.com_news:hover i{ width:5px; height:80px; transition:0.5s;}



@media (max-width:1350px){

	.com_news .n_descrt{ width:65%; padding: 15px 0 0;}

	.com_news .n_descrt p{ overflow:hidden;white-space:nowrap; text-overflow:ellipsis; padding: 0;}

	.com_news .n_imgrt{ width: 30%; text-align: right;}

	.com_news:hover i{height:30px;}

}

@media (max-width:950px){

	.com_news{ margin-bottom: 5px; padding-bottom: 5px;}

	.com_news .n_descrt{ width:60%; padding: 15px 0 0;}

	.com_news .n_imgrt{ width: 35%;}

	.com_news .n_imgrt img{ text-align: right;}

}

@media (max-width:800px){

	.com_news .n_descrt{ width:65%; padding: 15px 0 0;}

	.com_news .n_imgrt{ width: 28%;}

}

@media (max-width:540px){

	.com_news i{ display: none;}

	.com_news .n_descrt{padding: 10px 0 0;}

}

@media (max-width:500px){

	.com_news{ width: 46%; margin: 0 2% 15px; float: left; border-bottom: none;}

	.com_news .n_descrt p{ padding-bottom: 4px;}

	.com_news .n_descrt{ width:100%; padding:0;}

	.com_news .n_imgrt{ width:100%;}

	

}

.com_product{height: auto; overflow: hidden; padding: 20px 0;}

.com_product ul{ height: auto; overflow:hidden;}

.com_product ul li{float:left; width:300px; margin:10px 33px 30px 0;}

.com_product ul li a{display:block;}

.com_product ul li a .img{width:300px;height:auto; overflow: hidden;}

.com_product ul li a .img img{ max-width: 100%; transition:0.5s;}

.com_product ul li a .main_info{height:auto; overflow: hidden; margin-top: 15px;}

.com_product ul li a .main_info .subtitle{font-size:18px;color:#373b43; height:30px; line-height:30px; padding-bottom: 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;/*font-weight: bold;*/text-align: center}

.com_product ul li a .main_info i{height:1px;width:10px;background:#58ac36;transition:.5s;display:block; margin-top: 10px;}

.com_product ul li a .main_info .subinfo{font-size:14px; color:#777;line-height:24px;overflow:hidden;}

.com_product ul li:hover a .img img{transform:scale(1.1,1.1);}

.com_product ul li:hover a .main_info .subtitle{color:#58ac36;}

.com_product ul li:hover a .main_info i{width:100%;}



<!--四大列表-->

.com_product1{height: auto; overflow: hidden; padding: 20px 0;}

.com_product1 ul{ height: auto; overflow:hidden;}

.com_product1 ul li{float:left; width:460px; margin:30px 33px 30px 0;}

.com_product1 ul li a{display:block;}

.com_product1 ul li a .img{width:460px;height:auto; overflow: hidden;border-radius:20px;}

.com_product1 ul li a .img img{ max-width: 100%; transition:0.5s;}

.com_product1 ul li a .main_info{height:auto; overflow: hidden; margin-top: 15px;}

.com_product1 ul li a .main_info .subtitle{font-size:22px;color:#373b43; height:30px; line-height:30px; padding-bottom: 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.com_product1 ul li a .main_info i{height:1px;width:10px;background:#58ac36;transition:.5s;display:block; margin-top: 10px;}

.com_product1 ul li a .main_info .subinfo{font-size:14px; color:#777;line-height:24px;overflow:hidden;width:460px;}

.com_product1 ul li:hover a .img img{transform:scale(1.1,1.1);}

.com_product1 ul li:hover a .main_info .subtitle{color:#58ac36;}

.com_product1 ul li:hover a .main_info i{width:100%;}



<!--荣誉列表-->

.com_honors{height: auto; overflow: hidden; padding: 20px 0;}

.com_honors ul{ height: auto; overflow:hidden; margin-top:25px;}

.com_honors ul li{float:left;width: 300px;margin: 0 32px 0 0;}

.com_honors ul li a{display:block;}

.com_honors ul li a .img{width: 300px;height:auto;overflow: hidden;/* background: #eee; */position: relative;}

.com_honors ul li a .img img{ max-width: 100%; transition:0.5s;transition:0.5s;height:auto;}

.com_honors ul li a .main_info{height:auto;overflow: hidden;margin-top: 10px;padding:5px 0 25px;}

.com_honors ul li a .main_info .subtitle{font-size:16px;color:#666; height:30px; line-height:30px; padding-bottom: 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;}

.com_honors ul li a .main_info i{height:3px;width:0px;background:#58ac36;transition:.5s;display:block; margin:5px auto 0;}

.com_honors ul li a .main_info .subinfo{font-size:14px; color:#777;line-height:24px;overflow:hidden;width:460px;}

.com_honors ul li:hover a .img img{transform:scale(1.1,1.1);}

.com_honors ul li:hover a .main_info .subtitle{color:#58ac36;}

.com_honors ul li:hover a .main_info i{width:100%;}



.com_pro_det{ height: auto; overflow: hidden; margin: 40px 0;}

.p_t{ text-align: center; font-size: 36px; margin-bottom: 20px; line-height: 40px; color: #373b43;}

.com_pro_det .com_pro_features{ line-height: 30px;}

.com_pro_det .com_pro_features font{ display: block; font-size: 30px; margin-bottom: 10px;}





@media (max-width:1350px){

	.com_ban,.side_lt{ display: none;}

	.com_header{background:none;height:auto; overflow: hidden; border-bottom:none!important;}

	.content{ margin: 0 0 30px;}

	.mainc_rt{width:100%;}

	.com_pro_det{ margin: 30px 0;}

	.title { border-bottom:none; padding: 4px 0; background: #eee;}

	.title b{ display: none;}

	.title .now { float: left;}

	

	.com_product ul li{float:left; width:24%; margin:10px 0.5% 30px;}

	.com_product ul li a{display:block;}

	.com_product ul li a .img{width:100%;height:auto; overflow: hidden;}

	.pages{margin:10px auto;}

}



@media (max-width:900px){

	.com_product ul li{float:left; width:30%; margin:10px 1.5% 20px;}

}

@media (max-width:700px){

	.com_product ul li{float:left; width:48%; margin:10px 1% 20px;}

}

.sc-product-detail{overflow:hidden; margin-bottom: 50px;}

.sc-product-detail-pic {float:left;}

.sc-product-detail-pic-big {width:550px;height:352px; padding:30px; background: #f3f3f3;overflow:hidden;text-align:center;display:inline-block;}

.sc-product-detail-pic-big img { max-width:100%;margin:0 auto;display:block;max-height:100%}

.sc-product-detail-pic-list {padding-top:14px; width:100%;}

.sc-product-detail-pic-list ul {margin:0;padding:0;list-style:none;overflow:hidden;}

.sc-product-detail-pic-list ul li {float:left;margin:0 10px 6px 0;}

.sc-product-detail-pic-list ul li a {display:block; background: #f3f3f3;}

.sc-product-detail-pic-list ul li a.on{ background: #58ac36;}

.sc-product-detail-pic-big.on { background: #58ac36;}

.sc-product-detail-pic-list ul li a img {display:block;width:90px; height: 58px; border:0; padding:4px;}





.sc-product-detail-information {float:right;width:650px;}

.sc-product-detail-information-title {font-size:30px;line-height:34px; padding-bottom:20px;color:#373b43;border-bottom:1px solid rgba(0,0,0,0.2);margin-bottom:10px;}

.sc-product-detail-information-description{padding:10px 0;color:#666;line-height:28px;}

.sc-product-detail-information-params {}

.sc-product-detail-information-params p {padding:5px 0;line-height:1em;width:100%;overflow:hidden;}

.sc-product-detail-information-params p label {float:left;width:120px;}

.sc-product-detail-information-params p span {display:block;margin-left:130px;}

.sc-product-detail-main {clear:both;padding-top:30px;}

.sc-product-detail-main-tabs {margin:0;padding:0;list-style:none;overflow:hidden;background:#f7f7f7}

.sc-product-detail-main-tabs li {float:left;margin-right:1px;}

.sc-product-detail-main-tabs li a {display:block;line-height:36px; height: 36px; font-weight: 600; padding:8px 30px; font-size:18px;color:#fff;background-color:#666;}

.sc-product-detail-main-tabs li a:hover {background-color:#0071b8;}

.sc-product-detail-main-tabs li a.selected {background-color:#58ac36;color: #fff;}

.sc-product-detail-main-item {display:none;padding:25px 0;font-size:16px;line-height:30px;}

div.zoomDiv {z-index:9999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}



.sc-product-detail-main-item table{ border-collapse:collapse; border-width:thin; border-style:solid; border-color:#e4e3e3; margin-bottom:10px; }

.sc-product-detail-main-item table td{line-height:30px; padding:6px 10px !important; border: 1px solid #e4e3e3;}

.sc-product-detail-main-item table td img{ max-width:100%;}

.sc-product-detail-main-item table th{border: 1px solid #e4e3e3;}



div.zoomDiv img {display:block;}

div.zoomMask {position:absolute;background:url(../images/sc-product-detail-mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.inproinfo .wrapper{overflow:hidden}

.incon .inpro_content{float:right;font-size:13px;line-height:26px;color:#666;width:70%;padding-top:60px;}



.app_pro_det {height: auto;overflow: hidden; display:none; margin-bottom: 30px; padding-bottom: 20px; border-bottom:1px solid rgba(0,0,0,0.1);}

.app_pro_det .swiper-container {width: 96%;height: 100%;padding: 0 1% 35px;}

.app_pro_det .swiper-slide {width: 32%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}

.app_pro_det .swiper-slide img {max-width: 100%;transition: 0.5s;display: block;}

.app_pro_det .swiper-container-horizontal>.swiper-pagination-bullets,.app_pro .swiper-pagination-custom,.app_pro .swiper-pagination-fraction{bottom: 0;left: 0;width: 100%}

.app_pro_det .swiper-pagination-bullet {width: 9px;height: 9px;display: inline-block;border-radius: 100%;background: #eee;opacity: 1}

.app_pro_det .swiper-pagination-bullet-active {background: #58ac36;}

.app_pro_det .swiper-slide .pic_img:hover img {opacity: 0.6;}









@media (max-width:1350px){

	.com_pro_det{ margin: 30px 0;}

	.sc-product-detail-pic{ display: none;}

	.sc-product-detail-main {padding-top:10px;}

	.sc-product-detail-information {float:none;width:100%;}

	.sc-product-detail-information-title {font-size:24px;line-height:30px; padding-bottom:10px;}

	.sc-product-detail-information-description{padding:5px 0;color:#666;line-height:30px; font-size: 14px;}

	.sc-product-detail-main-tabs li a {line-height:30px; height: 30px; padding:6px 30px;}

	.sc-product-detail-main-item {line-height:26px;}

	.sc-product-detail{ margin-bottom: 20px;}

	.sc-product-detail-main-item {font-size:14px;}

	.app_pro_det{ display: block;}

	.p_t{ margin: 10px 0 5px;}	

	

}











/*招聘信息*/

.com_j_box{ height: auto; overflow: hidden; margin: 20px 0;}

.com_j_box .mw{ margin-left: 20px;}

.com_j_select{}

.com_j_select select{width: 450px; height: 50px; overflow: hidden; padding: 0 0 0 15px;border: 1px solid #58ac36;color: #101010;}

.com_j_search{ width: 350px; height: 50px; overflow: hidden; padding: 0 0 0 15px;border: 1px solid #58ac36;}

.com_j_search .s_rt{ width:18px; float: right; padding: 17px 18px 0 0;}

.com_j_search .s_lt{ width:305px; height: 50px; line-height: 50px; float: left;}

.com_j_search .s_lt input{ padding:0 10px 0 5px; width:290px; line-height: 50px; color: #999; font-size: 14px;}



.com_jobs{ height: auto; overflow: hidden;}

.com_jobs ul{ margin: 0; padding:0;}

.com_jobs ul li{ height: auto; overflow: hidden;}

.com_jobs ul li a{ color: #666; display: block;}

.com_jobs ul li a .c_j_title{ height: 60px; line-height: 60px; overflow: hidden; background: #f8f8fa; padding:0 25px; margin: 5px 0;transition: 0.5s;}

.com_jobs ul li a .c_j_title font{ font-size: 16px; color: #241917;}

.com_jobs ul li a .c_j_title span{ font-size: 16px; color: #241917;}

.com_jobs ul li a .c_j_title .w1{ width: 45%;font-size: 16px;}

.com_jobs ul li a .c_j_title .w2{ width: 30%;font-size: 16px;}

.com_jobs ul li a .c_j_title .fr{ width: 10%; text-align: right; color: #666; padding-right: 20px; transition: 0.5s; background:url(../images/f_b_rt_icon.png) right no-repeat;font-size: 16px;}

.com_jobs ul li a .c_j_title:hover .fr{}

.com_jobs ul li a .c_j_title:hover{transition: 0.5s; box-shadow: 0 2px 5px rgba(1,1,1,0.1);}





.com_jobs_inf{ margin: 20px auto; text-align: center; transition: 0.5s;}

.com_jobs_inf ul{ margin: 0; padding: 0; text-align: center;}

.com_jobs_inf ul li{ display:block; float: left; margin-right: 10px; line-height: 50px; height: 50px; width: 490px; border-radius:4px;transition: 0.5s; }

.com_jobs_inf ul li a{ color: #FFF; font-size: 16px; display: block; font-weight: 600;}

.com_jobs_inf ul li:nth-child(1){ background:#0071b8;}

.com_jobs_inf ul li:nth-child(2){ background:#58ac36;}

.com_jobs_inf ul li a span{ padding-left: 10px; font-size: 12px;}

.com_jobs_inf ul li:hover{ transition: 0.5s; text-decoration: underline; box-shadow: 0 2px 10px rgba(1,1,1,0.2);}



.c_j_box{ height: auto; overflow: hidden; padding:30px 0 0;}

.c_j_box .c_j_b,.c_j_box .c_j_contact{ height: auto; overflow: hidden; margin-bottom: 30px; line-height: 30px;}

.c_j_box .c_j_b{ width: 48%; font-size: 14px; }

.c_j_box .c_j_contact{ width: 48%; }

.c_j_box .c_j_contact .bor,.c_j_box .c_j_contact .adr{ margin-top: 5px; padding: 14px 40px 14px 60px; display:inline-block; border: 1px solid rgba(0,0,0,0.15);font-size: 14px;}

.c_j_box .c_j_contact .bor{background: url(../images/1mail1.png) 20px center no-repeat; border-radius: 4px;}

.c_j_box .c_j_contact .adr{background: url(../images/adress.png) 20px center no-repeat;}

.c_j_box font{ display: block; line-height: 30px; font-size: 18px; color: #58ac36; padding-bottom: 15px; font-weight: 550;}
.c_j_box span{ font-size: 12px; color: #0071b7;  }
.c_j_box span{font-size: 12px;font-weight: 550;font-family: "微软雅黑";font-size: 16px;line-height: 14px;}

.c_j_box .c_j_contact .aer{height: 152px;background: url(../images/mail1.png) 0 10px no-repeat;}






@media (max-width:1350px){

	.com_j_box .mw{ margin-left: 10px;}

	.com_j_select select{width: 400px; height: 45px;}

	.com_j_search{ width: 250px; height:45px; }

	.com_j_search .s_rt{ width:18px; float: right; padding: 15px 18px 0 0;}

	.com_j_search .s_lt{ width:210px; height: 45px; line-height: 45px; float: left;}

	.com_j_search .s_lt input{ width:200px; line-height: 45px;}

    .c_j_box font{ padding-bottom: 5px; }

	.c_j_box{ padding:10px 0 0;}

	.c_j_box .c_j_b{ width: 100%;}

	.c_j_box .fl,.c_j_box .fl{ float: none;}

	.c_j_box .c_j_b,.c_j_box .c_j_contact{margin-bottom: 10px; line-height: 24px;}

	.c_j_box font{ font-size: 16px;}

	.c_j_box .c_j_contact{ width: 100%; margin-bottom: 20px; }

	.com_jobs_inf ul li{ display:block; float: left; margin-right:0; line-height: 50px; height: 50px; width:50%; border-radius: 0; transition: 0.5s; }

	.c_j_box .c_j_contact .bor,.c_j_box .c_j_contact .adr{ margin-top: 5px; padding:0; display:inline-block; border:none;font-size: 16px; background: none;}

	.c_j_box .c_j_contact .fl,.c_j_box .c_j_contact .fr{ float: none;}

}





@media (max-width:720px){

.com_j_box{ margin: 20px 0 10px;}

.com_j_select select{width: 300px; height: 45px;}

.com_j_search{ width: 283px; height:45px; margin-top: 5px; }

.com_j_search .s_rt{ width:18px; }

.com_j_search .s_lt{ width:245px;}

.com_j_search .s_lt input{ width:240px; }

	

.com_jobs ul li a .c_j_title{ height: auto; line-height: 24px; padding: 10px 20px;}

.com_jobs ul li a .c_j_title .fl{ float: none;}

.com_jobs ul li a .c_j_title .w1,.com_jobs ul li a .c_j_title .w2{ width: 100%;}

.com_jobs ul li a .c_j_title .fr{ width: 100%; float: none; text-align: left;  background:none;}

.com_j_box .fl{ float: none;}

.com_j_box .mw{ margin-left: 0;}

.com_font .fl,.com_font .fr{float: none;}

.common .com_font .jobs_font{ line-height: 32px; height: 32px;padding: 10px 0 10px 0; background: none;}

.com_jobs_inf{ margin: 10px auto 0;}

.c_j_box font{ padding-bottom: 5px;}



}











.contentl *{ max-width:100%;}





#cms1 h1.h1{ text-align:center; padding-bottom:10px; font-size:20px; color:#333333}

#cms1 .info{ font-size:12px; color:#CCCCCC; text-align:center;}

.contentl{ padding-top:20px; padding-bottom:20px;}

#cms1 *{ max-width:100%;}

.nextpage{ padding-top:20px;}

.contentl+.nextpage{ padding-top:0px;}









/*联系*/

.com_contact{height: auto; overflow: hidden; margin-top: 20px;}

.com_contact .con_title{ padding:50px 0 0; line-height:30px; font-size:30px; text-align:center; color:#333; font-weight:600;}

.com_contact .con_title span{ font-size:16px; color:#58ac36; display:block; font-weight:400;}

.c_b{ height: auto; overflow: hidden;}

.c_b ul{ margin: 0; padding: 0; text-align: center;}

.c_b ul li{ width: 26%; height: auto; overflow:hidden; padding: 50px 2%; margin: 30px 1.6%; float: left; background: #FFF; box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.14);}

.c_b ul li a{ color: #666; font-size: 16px; line-height:24px;}

.c_b ul li a .img{ width: 120px; height: 120px; border-radius: 100%; border: 2px dashed #58ac36; margin: 0 auto 15px;}

.c_b ul li a .img img{ padding-top: 28px; max-width:60%;}

.c_b ul li a span{ display: block; font-size: 20px; padding: 16px 0 12px;}

.c_b ul li a font{ display: block; color: #999;}

.c_b ul li a font p{ padding-bottom:5px;}



.com_contact_img{ padding:20px 0; height:auto; overflow:hidden; margin-top:10px;}

.com_contact_img img{ max-width:100%;}



.com_his{height: auto; overflow: hidden; }

@media (max-width:1350px){

.com_contact,.com_his{margin-top: 0;}

.com_contact .con_title{ padding:30px 0 0; line-height:26px; font-size:24px; }

.c_b ul li{ width: 29%; height: auto; overflow:hidden; padding: 50px 2%; margin: 10px 0.16%;}

.c_b ul li a .img{ width: 80px; height: 80px; border-radius: 100%;}

.c_b ul li a .img img{ padding-top:14px; max-width:60%;}

.c_b ul li a span{ padding: 10px 0 6px; font-size: 20px;}





.com_contact_img{ padding:10px 0; margin-top:0;}

	

}

@media (max-width:620px){

	.c_b ul li a .img{ width: 100px; height: 100px; border-radius: 100%;}

    .c_b ul li a .img img{ padding-top:24px; max-width:50%;}

	.c_b ul li{ width: 94%; margin: 10px 1%;}

}

@media (max-width:400px){

}







.back{ margin: 20px auto; text-align: center; transition: 0.5s; text-align:right; line-height:2; padding-top:20px; clear:both;}



.back a{  color: #FFF; font-size: 16px; display:inline-block; font-weight:600;background:#58ac36; padding-left:20px; padding-right:20px;}

.nextpage{ clear:both; padding-top:10px;}

.nextpage>div{ float:left; width:48%;}

.nextpage>div:nth-child(2){ float:right; text-align:right}

@media (max-width:620px){

.nextpage>div,.nextpage>div:nth-child(2){ float:left; width:100%; text-align:left;}

}

.contentl a img{ max-width:100%; transition:0.5s;}
.contentl a:hover img{ transform:rotateY(360deg); transition:2.5s;}